<template>
    <el-row>
        <el-col :span="12">
            <log-head-left></log-head-left>
        </el-col>
        <el-col :span="12">
            <log-head-right></log-head-right>
        </el-col>
    </el-row>
</template>
<script>
    import logHeadLeft from './logHeadLeft.vue'
    import logHeadRight from './logHeadRight.vue'

    export default {
        components: {
            logHeadLeft, logHeadRight
        }
    }
</script>
<style>
    @import url("//unpkg.com/element-ui@1.3.7/lib/theme-default/index.css");

    .el-row {
        margin-bottom: 20px;
        &:last-child {
            margin-bottom: 0;
        }
    }

    .el-col {
        border-radius: 4px;
    }

    .bg-purple-dark {
        background: #99a9bf;
    }

    .bg-purple {
        background: #d3dce6;
    }

    .bg-purple-light {
        background: #e5e9f2;
    }

    .grid-content {
        border-radius: 4px;
        min-height: 36px;
    }

    .row-bg {
        padding: 10px 0;
        background-color: #f9fafc;
    }
</style>
